<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
      /*   js由三部分组成：
            1.ECMAScript 
                变量
                控制语句
                函数
                内置对象(数组、正则表达式、日期对象等)

            2.BOM(浏览器对象模型 Browser Object Model)
                核心对象是window
                作用：结合js和BOM提供的属性和方法对浏览器进行操作
                
            3.DOM(文档对象模型 Document Object Model)
                核心对象document
                作用：结合js和DOM提供的属性和方法对html和xml进行操作 
        */


        function doAlert(){
            // window.alert("嘿嘿");
            var res=alert("嘿嘿");//没有返回值，默认是undefined
            console.log(res);
        }
        function doPrompt(){
            var username=window.prompt("请输入用户名：");
            if(username==null){
                console.log("您点击了取消按钮");
            }else{
                console.log(username);
            }
           
        }

        function doConfirm(){
            var res=window.confirm("您确定关闭吗");
            if(res){
                console.log("您点击了确定按钮");
            }else{
                console.log("您点击了取消按钮");
            }
        }

        function doOpen(){
            //打开指定窗口
            // window.open("success.html");//一个参数
            // open(url,name,配置项);
            window.open("success.html","嘿嘿","width=300,height=200");
        }
        function doClose(){
            window.close();//chrome支持，firefox支持通过脚本打开的窗口进行关闭，否则火狐不支持关闭
        }

    </script>
</head>
<body>
    <input type="button" value="alert" onclick="doAlert()">
    <input type="button" value="prompt" onclick="doPrompt()">
    <input type="button" value="confirm" onclick="doConfirm()">
    <input type="button" value="open" onclick="doOpen()">
    <input type="button" value="close" onclick="doClose()">
</body>
</html>